﻿<%@ Page Title="" Language="C#" MasterPageFile="~/webform/Site1.Master" AutoEventWireup="true" CodeBehind="BrowseProject.aspx.cs" Inherits="Zhongchouwwwww.webform.BrowseProject" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../Content/bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css" />
    <link href="../Content/aaa.css" rel="stylesheet" />
    <link href="../Content/Index-item.css" rel="stylesheet" />
    <script src="../Scripts/jquery-3.4.1.min.js"></script>
    <script src="../Scripts/bootstrap.min.js"></script>
    <style>
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Content2" runat="server">
    <%--<form runat="server">--%>
    <style>
        #itembox {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            width: 80%;
            margin: 0px 10%;
        }

        .itemcs {
            height: 330px;
            margin: 6px 7px;
            border-radius: 3px 3px;
            background-color: white;
            border: solid grey 0.5px;
            width: 250px;
        }

            .itemcs:hover {
                box-shadow: gray 3px 4px;
            }

        .lop {
            position: relative;
        }

        .lopa {
            position: absolute;
            top: 14px;
            right: 20px;
            color: red;
            font-size: 1.1em;
        }
    </style>
        <div class="container">
            <div class="row clearfix" style="margin-top:40px;margin-bottom:20px;height:60px;">
                <div class="col-md-12 column" style="background-color:ivory;border-bottom:solid 5px red;height:55px;">
                    <ul class="list-unstyled list-inline" style="height:50px;line-height:50px;font-size:1.1em;">
                        <li style="padding:2px;"><a href="BrowseProject.aspx?id=0">全部</a></li>
                        <li style="padding:2px;margin-left:3%;"><a href="BrowseProject.aspx?id=1">科技</a></li>
                        <li style="padding:2px;margin-left:3%;"><a href="BrowseProject.aspx?id=2">艺术</a></li>
                        <li style="padding:2px;margin-left:3%;"><a href="BrowseProject.aspx?id=3">设计</a></li>
                        <li style="padding:2px;margin-left:3%;"><a href="BrowseProject.aspx?id=4">音乐</a></li>
                        <li style="padding:2px;margin-left:3%;"><a href="BrowseProject.aspx?id=5">影视</a></li>
                        <li style="padding:2px;margin-left:3%;"><a href="BrowseProject.aspx?id=6">出版</a></li>
                        <li style="padding:2px;margin-left:3%;"><a href="BrowseProject.aspx?id=7">动漫</a></li>
                        <li style="padding:2px;margin-left:3%;"><a href="BrowseProject.aspx?id=8">公益</a></li>
                        <li style="padding:2px;margin-left:3%;"><a href="BrowseProject.aspx?id=9">农业</a></li>
                        <li style="padding:2px;margin-left:3%;"><a href="BrowseProject.aspx?id=10">其他</a></li>
                        <li style="padding:2px;margin-left:15%;"><a href="BrowseProject.aspx?sousuo=众筹制造">众筹制造</a></li>
                        <li style="padding:2px;margin-left:2%;"><a href="BrowseProject.aspx?sousuo=原创手工">原创手工</a></li>
                        <li style="padding:2px;margin-left:2%;"><a href="BrowseProject.aspx?sousuo=硬件设备">硬件设备</a></li>
                    </ul>   
                </div>      
            </div>  
            <style>
                    .btnbtn{
                        color:black;
                        padding:3px;
                        height:30px;
                        border-left:solid 1px gray;
                        border-right:solid 1px gray;
                        border-top:none;
                        float:left;
                    }
                    .selectss{
                        margin-left:70%;
                        width:100px;
                    }
                </style>
         </div>
       <div style="height:40px;margin-left:11.5%;margin-bottom:10px;margin-right:11.5%;">
                    <asp:Button Text='' CssClass="btnbtn" ID="DataShow_all" OnClick="DataShow_all_Click" runat="server" />
                    <asp:Button Text='' CssClass="btnbtn" ID="DataShow_ing" OnClick="DataShow_ing_Click" runat="server" />
                    <asp:Button Text='' CssClass="btnbtn" ID="DataShow_ed" OnClick="DataShow_ed_Click" runat="server" />
                    <asp:DropDownList CssClass="selectss" ID="Selects" runat="server" AutoPostBack="true" OnSelectedIndexChanged="Selects_SelectedIndexChanged">
                        <asp:ListItem Text="默认排序" />
                        <asp:ListItem Text="进度排序" />
                        <asp:ListItem Text="收藏排序" />
                        <asp:ListItem Text="时间排序" />
                    </asp:DropDownList>
                </div>
            <div id="itembox">
                        <asp:Repeater ID="ShowDate" runat="server">
                            <ItemTemplate>
                                 <div class="itemcs">
                            <table style="border-bottom-color:grey;">
                                <tr>
                                    <td style="width:100%;height:200px;">
                                            <div class="lop">
                                                <a href='Project.aspx?id=<%# Eval("projectid") %>'>
                                                <img src='<%# Eval("imageurl") %>' style="width:100%;height:100%"  />
                                                <span class="lopa"><%# Eval("collection") %></span>
                                                    </a>
                                            </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span><%# Eval("projectname") %></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        
                                        <span style="margin:2px;color:gray">目标:</span>
                                        <span><%# Eval("time")+"天"%></span>
                                        <span><%# "￥"+Eval("targetmoney") %></span>
                                        <span <%# "style=color:"+"white;"+"background-color:"+Eval("Color")+";"+"margin-left:30%;" %> ><%# Eval("state") %></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="height:10px;">
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-danger" role="progressbar"
                                                aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                <%# "style="+"width:"+Eval("progress") %>%;" >
                                             </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr >
                                    <td>
                                        <span style="margin-left:1%"><%# Eval("progress")+"%" %></span>
                                        <span style="margin-left:10%">￥<%# Eval("incomemoney") %></span>
                                        <span style="margin-left:14%"><%# Eval("remainingday") %>天</span>
                                    </td>
                                </tr>
                                <tr >
                                    <td>
                                        <span style="margin-left:1%;color:gray">已达</span>
                                        <span style="                                                margin-left: 10%;
                                                color: gray
                                        ">已筹备</span>
                                        <span style="margin-left:8%;color:gray">剩余时间</span>
                                    </td>
                                </tr>
                            </table>
                        </div>


                                
                            </ItemTemplate>
                        </asp:Repeater>
                 </div>
                <div style="border:solid 2px">
                    <% for (int i = 0; i < ShowIndex_num.Count(); i++)
                           { %>
                       <a href='BrowseProject.aspx?fenye=<%=ShowIndex_num[i] %>' style="width:50px;display:inline-block">第<%=ShowIndex_num[i] %>页</a>
                          <% } %>
                </div>
            
    <%--</form>--%>
</asp:Content>
